﻿@{
    ViewBag.Title = "Reddot Digital ผู้ให้บริการพัฒนา software และ website อย่างมืออาชีพ";
}
<!-- ** Home Slider** -->
<div id="home-slider">
    <!-- **Home Slider BG** -->
    <div class="home-slider-bg">
        <!-- Layer Slider Container -->
        <div id="layerslider-container-fw">
            <div id="layerslider" style="width: 100%; height: 420px; margin: 0px auto;">
                <div class="ls-layer" style="slidedirection: top; slidedelay: 7000; durationin: 1500;
                    durationout: 1500; delayout: 500;">
                    <img src="/images/layer-gallery/fw1.jpg" class="ls-bg" alt="" title="" />
                    <p class="ls-s2 l23-s1" style="position: absolute; top: 85%; left: 50%; slidedirection: bottom;
                        slideoutdirection: top; durationin: 750; durationout: 750; easingin: easeOutBack;
                        easingout: easeInBack; delayin: 1000;">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit sapien
                    </p>
                </div>
                <div class="ls-layer" style="slidedirection: right; slidedelay: 7000; durationin: 1500;
                    durationout: 1500;">
                    <img src="/images/layer-gallery/fw3.jpg" class="ls-bg" alt="" title="" />
                    <p class="ls-s2 l22-s1" style="position: absolute; top: 75%; left: 0px; slidedirection: right;
                        slideoutdirection: left; durationin: 1500; durationout: 750; easingin: easeInOutQuint;
                        easingout: easeInOutQuint; delayin: 1000;">
                        Sed a posuere mauris. Integer justo sem, venenatis vitae elementum non, porta sit
                        amet quam
                    </p>
                    <p class="ls-s3 l22-s1" style="position: absolute; top: 85%; left: 0px; slidedirection: right;
                        slideoutdirection: left; durationin: 1500; durationout: 750; easingin: easeInOutQuint;
                        easingout: easeInOutQuint; delayin: 1500;">
                        Cras elementum varius dictum. Sed viverra sodales sollicitudin. Duis vel urna odio
                    </p>
                </div>
                <div class="ls-layer" style="slidedirection: top; slidedelay: 7000; durationin: 1500;
                    durationout: 1500; delayout: 500;">
                    <img src="/images/layer-gallery/fw2.jpg" class="ls-bg" alt="" title="" />
                    <p class="ls-s2 l23-s1" style="position: absolute; top: 85%; left: 50%; slidedirection: top;
                        slideoutdirection: bottom; durationin: 750; durationout: 750; easingin: easeOutBack;
                        easingout: easeInBack; delayin: 1000;">
                        Praesent nunc nisi, tempor eu ullamcorper non, fermentum at massa
                    </p>
                </div>
            </div>
            <!-- Layer Slider -->
        </div>
        <!-- Layer Slider Container -->
    </div>
    <!-- **Home Slider BG - End** -->
</div>
<!-- **Home Slider - End** -->
<!-- **Welcome Text** -->
<div class="welcome-text">
    <div class="container">
        <div class="text">
            <h1>
                เราคือผู้ให้บริการรับออกแบบเว็บไซต์ ผลิต Software บริการเว็บไซต์สำเร็จรูป จัดทำเว็บไซต์แบบครบวงจร
                โดยทีมงานมืออาชีพ
            </h1>
            <h4>
                พร้อม บริการดูแลด้วยความเอาใจใส่ ทั้งก่อนขายและหลังการขาย
            </h4>
        </div>
        <a href="" title="" class="button medium grey">ติดต่อเราที่นี่ </a>
    </div>
</div>
<!-- **Welcome Text End** -->
<!-- **Main** -->
<div id="main">
    <!-- **Container** -->
    <div class="container">
        <!-- **Content Full Width** -->
        <div class="content content-full-width">
            <img src="/images/post-images/welcome-image.png" alt="" title="" class="alignleft" />
            <h1>
                พัฒนา Mobile application ด้วยเทคโนโลยี phonegap
            </h1>
            <p>
                PhoneGap เป็นเฟรมเวิร์คสำหรับสร้างแอพพลิเคชั่นบนโทรศัพท์มือถือข้ามแพลตฟอร์ม.โดย version ล่าสุดสามารถพัฒนาให้รองรับกับ andorid, Ipone และ windows phone 8 ได้เต็มรูปแบบ
                ซึ่งหลักการทำงานจะเป็นการใช้ source code ตัวเดียวกันแต่ build ไปยังแพลตฟอร์มต่างๆ เช่น andorid, iphone หรือ windows phone
                
            </p>
            <a href="about.html" title="" class="read-more-text">Find Out More <span></span>
            </a>
            <!-- **Expand-Toggle** -->
            <div id="expand-toggle">
                <a href="" title="" class="expand">การให้บริการทีมีประสิทธิภาพ ด้วยผลสำเสร็จถึง 100%
                    คลิกที่นี้ เพื่่อดูรายละเอียด </a>
                <div class="expand-box">
                    <div class="column one-third">
                        <h5>
                            การออกแบบหน้าจอการใช้
                        </h5>
                        <img src="/images/post-images/design.png" alt="" title="" />
                        <p>
                            ออกแบบจัดทำเว็บไซต์ด้วย HTML5 รองรับ Responsive design ด้วยทีมงานคุณภาพ และตอบสนองต่อความต้องการของลูกค้าและง่ายต่อการใช้งาน
                            <br />
                            <a href="about.html" title="" class="read-more-text">Read More <span></span></a>
                        </p>
                    </div>
                    
                    
                    <div class="column one-third">
                        <h5>
                            พัฒนาโปรแกรม
                        </h5>
                        <img src="/images/post-images/mission.png" alt="" title="" />
                        <p>
                            การออกแบบและพัฒนาโปรแกรมทั้งรูปแบบออฟไลน์และออนไลน์ ตามแบบความต้องการของลูกค้า
                            พร้อมให้คำปรึกษาด้วยทีมงานที่เชี่ยวชาญ รับประกันความพอใจ.
                            <br />
                            <a href="about.html" title="" class="read-more-text">Read More <span></span></a>
                        </p>
                    </div>
                    <div class="column one-third last">
                        <h5>
                            นโยบายการให้บริการ</h5>
                        <img src="/images/post-images/support.png" alt="" title="" />
                        <p>
                            1.มุ่งมั่นวิจัยและพัฒนาเพื่อให้ได้ผลิตภัณฑ์และบริการที่ช่วยเพิ่มศักยภาพให้กับลูกค้า
                            2.นำเสนอผลิตภัณฑ์และบริการที่ตรงความต้องการลูกค้า
                            3.ให้บริการลูกค้าด้วย Service Mind ใส่ใจกับปัญหาของลูกค้า ติดตามอย่างต่อเนื่อง

                            <br />
                            <a href="about.html" title="" class="read-more-text">Read More <span></span></a>
                        </p>
                    </div>
                </div>
            </div>
            <!-- **Expand-Toggle - End** -->
            <div class="clear">
            </div>
            <div class="column one-third">
                <h3>
                    Application Development
                </h3>
                <div class="thumb">
                    <a href="" title="">
                        <img src="/Images/index/custom-application-development.jpg" alt="" title="" />
                    </a>
                </div>
                <p>
                   บริการพัฒนาโปรแกรม Application Development หรือพัฒนาระบบ System Integration เพื่อให้ได้ระบบที่ดีที่สุดและเหมาะสมกับความต้องการ บริการพัฒนาซอฟต์แวร์ที่มีจุดมุ่งหมายเพื่อแก้ไขปัญหาที่สำคัญของลูกค้าและปัญหาเกี่ยวกับผลลัพธ์ทางธุรกิจ เพื่อให้องค์กรของท่านได้รับประโยชน์สูงสุดกับทีมพัฒนาซอฟต์แวร์มืออาชีพของเรา.
                </p>
                <a href="about.html" title="" class="readmore"><span>Read More </span></a>
            </div>
            <div class="column one-third">
                <h3>
                    Web Application Development
                </h3>
                <div class="thumb">
                    <a href="" title="">
                        <img src="/Images/index/Ajax-development.jpg" alt="" title="" />
                    </a>
                </div>
                <p>
                    องค์กรของเรามีทีมงานระดับมืออาชีพและยังมีประสบการณ์ในด้านการออกแบบ และสร้างเว็บไซต์ ที่จะคอยช่วยเหลือ ช่วยวิเคราะห์ความต้องการของคุณอย่างใกล้ชิด อีกทั้งยังมีการใช้เทคโนโลยีที่ทันสมัย มาใช้ในการพัฒนา และออกแบบเว็บไซต์ จึงทำให้เว็บไซต์ของคุณได้รับการยอมรั และมีลูกค้าติดต่อเพิ่มมากขึ้น.
                </p>
                <a href="about.html" title="" class="readmore"><span>Read More </span></a>
            </div>
            <div class="column one-third last">
                <h3>
                    Mobile Application
                </h3>
                <div class="thumb">
                    <a href="" title="">
                        <img src="/Images/index/pitv-mobiile-development.jpg" alt="" title="" />
                    </a>
                </div>
                <p>
                    Reddot Digital มีทีมงานที่เชี่ยวชาญทางด้านการพัฒนา Mobile Application ทุก Platform ไม่ว่าจะเป็น iOs , Android, Blackberry ฯลฯ โดยเน้นคิดค้นนวัตกรรมใหม่ๆ กับ Mobile Technology .
                </p>
                <a href="about.html" title="" class="readmore"><span>Read More </span></a>
            </div>
            <div class="clear">
            </div>
            <div class="hr">
            </div>
            <h2>
                ผลงานของเรา
            </h2>
            <!-- **Portfolio** -->
            <div class="portfolio column-one-third gallery">
                <div class="portfolio-skin-carousel">
                    <ul class="portfolio-carousel">
                        <li class="column one-third">
                            <div>
                                <div class="thumb">
                                    <a href="" title="">
                                        <img src="/images/ShowCase/port2.jpg" alt="" title="" width="290"
                                            height="182" />
                                    </a>
                                    <div class="image-overlay">
                                        <a href="/images/ShowCase/port2-full.jpg" target="_blank" rel="prettyPhoto[gallery]" class="image-overlay-zoom">
                                        </a>@*<a href="http://iamdesigning.com" target="_blank" class="image-overlay-link">
                                        </a>*@
                                    </div>
                                </div>
                                <h4>
                                    <a href="" title="">Mobile bookshop Application</a>
                                </h4>
                                <div class="buttons">
                                    <a href="portfolio_single.html" title="" class="button small light-grey"><span>View
                                        Project </span></a>@*<a href="http://iamdesigning.com/" title="" class="button small light-grey"
                                            target="_blank"><span>Go to site </span></a>*@
                                </div>
                            </div>
                            
                        </li>
                        <li class="column one-third">
                            <div>
                                <div class="thumb">
                                    <a href="" title="">
                                        <img src="/images/ShowCase/port3.jpg" alt="" title="" width="290"
                                             height="182" />
                                    </a>
                                    <div class="image-overlay">
                                        <a href="/images/ShowCase/port3-full.jpg" target="_blank" rel="prettyPhoto[gallery]" class="image-overlay-zoom">
                                        </a>@*<a href="http://iamdesigning.com" target="_blank" class="image-overlay-link">
                                        </a>*@
                                    </div>
                                </div>
                                <h4>
                                    <a href="" title="">Sale Discount Price System </a>
                                </h4>
                                <div class="buttons">
                                    <a href="portfolio_single.html" title="" class="button small light-grey"><span>View
                                                                                                                 Project </span></a>@*<a href="http://iamdesigning.com/" title="" class="button small light-grey"
                                                                                                                                       target="_blank"><span>Go to site </span></a>*@
                                </div>
                            </div>
                        </li>
                        <li class="column one-third">
                            <div>
                                <div class="thumb">
                                    <a href="" title="">
                                        <img src="/images/ShowCase/port1.jpg" alt="" title="" width="290"
                                            height="182" />
                                    </a>
                                    <div class="image-overlay">
                                        <a href="/images/ShowCase/port1-full.jpg" rel="prettyPhoto[gallery]"
                                            class="image-overlay-zoom"></a>@*<a href="http://iamdesigning.com" target="_blank"
                                                class="image-overlay-link"></a>*@
                                    </div>
                                </div>
                                <h4>
                                    <a href="" title="">Prorject Management System </a>
                                </h4>
                                <div class="buttons">
                                    <a href="portfolio_single.html" title="" class="button small light-grey"><span>View
                                        Project </span></a>@*<a href="http://iamdesigning.com/" title="" class="button small light-grey"
                                            target="_blank"><span>Go to site </span></a>*@
                                </div>
                            </div>
                        </li>
                       @* <li class="column one-third">
                            <div>
                                <div class="thumb">
                                    <a href="" title="">
                                        <img src="/images/post-images/portfolio-three-column4.jpg" alt="" title="" width="290"
                                            height="182" />
                                    </a>
                                    <div class="image-overlay">
                                        <a href="images/post-images/portfolio-full-image.jpg" rel="prettyPhoto[gallery]"
                                            class="image-overlay-zoom"></a><a href="http://iamdesigning.com" target="_blank"
                                                class="image-overlay-link"></a>
                                    </div>
                                </div>
                                <h4>
                                    <a href="" title="">Lorem ipsum dolor sit amet </a>
                                </h4>
                                <div class="buttons">
                                    <a href="portfolio_single.html" title="" class="button small light-grey"><span>View
                                        Project </span></a><a href="http://iamdesigning.com/" title="" class="button small light-grey"
                                            target="_blank"><span>Go to site </span></a>
                                </div>
                            </div>
                        </li>
                        <li class="column one-third">
                            <div>
                                <div class="thumb">
                                    <a href="" title="">
                                        <img src="/images/post-images/portfolio-three-column5.jpg" alt="" title="" width="290"
                                            height="182" />
                                    </a>
                                    <div class="image-overlay">
                                        <a href="images/post-images/portfolio-full-image.jpg" rel="prettyPhoto[gallery]"
                                            class="image-overlay-zoom"></a><a href="http://iamdesigning.com" target="_blank"
                                                class="image-overlay-link"></a>
                                    </div>
                                </div>
                                <h4>
                                    <a href="" title="">Lorem ipsum dolor sit amet </a>
                                </h4>
                                <div class="buttons">
                                    <a href="portfolio_single.html" title="" class="button small light-grey"><span>View
                                        Project </span></a><a href="http://iamdesigning.com/" title="" class="button small light-grey"
                                            target="_blank"><span>Go to site </span></a>
                                </div>
                            </div>
                        </li>
                        <li class="column one-third">
                            <div>
                                <div class="thumb">
                                    <a href="" title="">
                                        <img src="/images/post-images/portfolio-three-column6.jpg" alt="" title="" width="290"
                                            height="182" />
                                    </a>
                                    <div class="image-overlay">
                                        <a href="images/post-images/portfolio-full-image.jpg" rel="prettyPhoto[gallery]"
                                            class="image-overlay-zoom"></a><a href="http://iamdesigning.com" target="_blank"
                                                class="image-overlay-link"></a>
                                    </div>
                                </div>
                                <h4>
                                    <a href="" title="">Lorem ipsum dolor sit amet </a>
                                </h4>
                                <div class="buttons">
                                    <a href="portfolio_single.html" title="" class="button small light-grey"><span>View
                                        Project </span></a><a href="http://iamdesigning.com/" title="" class="button small light-grey"
                                            target="_blank"><span>Go to site </span></a>
                                </div>
                            </div>
                        </li>*@
                    </ul>
                </div>
            </div>
            <!-- **Portfolio - End** -->
            <div class="clear">
            </div>
            <div class="hr">
            </div>
            <div class="column one-half">
                <h2>
                    ทำไมต้องเลือกเรา
                </h2>
                <h5 class="toggle">
                    <a href="#">พัฒนาโปรแกรมโดยผู้เชี่ยวชาญ </a>
                </h5>
                <div class="toggle-content" style="display: none;">
                    <p>
                        เราเป็นผู้เชี่ยวชาญการพัฒนาระบบ โดยมีขั้นตอนการพัฒนาโปรแกรม
                        <br />
                        1. การวิเคราะห์ปัญหา
                        <br />
                        2. การออกแบบโปรแกรม
                        <br />
                        3. การเขียนโปรแกรมด้วยภาษาคอมพิวเตอร์
                        <br />
                        4. การทดสอบและแก้ไขโปรแกรม
                        <br />
                        5. การทำเอกสารประกอบโปรแกรม
                        <br />
                        6. การบำรุงรักษาโปรแกรม
                        <br />
                    </p>
                </div>
                <h5 class="toggle">
                    <a href="#">ออกแบบเว็บไซต์อย่างมืออาชีพ </a>
                </h5>
                <div class="toggle-content" style="display: none;">
                    <p>
                        ออกแบบเว็บไซต์ตามสไตล์ ที่ลูกค้าต้องการได้อย่างมืออาชีพ โดยทีมงานที่มีความเชี่ยวชาญในด้านการออกแบบ.
                    </p>
                </div>
                <h5 class="toggle">
                    <a href="#">รับประกันความพอใจ </a>
                </h5>
                <div class="toggle-content" style="display: none;">
                    <p>
                        เรารับประกันความพอใจทุกชิ้นงาน ท่านสามารถระบุความต้องการของท่าน เพื่อเสนอราคาให้ตรงตามความเหมาะสมได้.
                    </p>
                </div>
            </div>
            <div class="column one-half last">
                <h2>
                    สมัครรับข่าวสาร
                </h2>
                <p>
                   
                </p>
                <form action="#" method="get" class="subscribe-form">
                <input name="email" type="text" onblur="this.value=(this.value=='') ? 'กรุณาระบุอีเมลล์ที่ต้องการรับข่าวสาร...' : this.value;"
                    onfocus="this.value=(this.value=='กรุณาระบุอีเมลล์ที่ต้องการรับข่าวสาร...') ? '' : this.value;"
                    value="กรุณาระบุอีเมลล์ที่ต้องการรับข่าวสาร..." />
                <input name="" type="submit" value="Subscribe Now" />
                </form>
            </div>
        </div>
        <!-- **Content Full Width - End** -->
    </div>
    <!-- **Container - End** -->
    <div class="clients-skin-carousel">
        <div class="container">
            <h2>
                Our Clients
            </h2>
            <ul class="clients-carousel">
                <li><a href="" title="">
                    <img src="/images/logo/logo1.gif" alt="" title="" />
                </a></li>
                <li><a href="" title="">
                    <img src="/images/logo/logo2.gif" alt="" title="" />
                </a></li>
                <li><a href="" title="">
                    <img src="/images/post-images/client3.png" alt="" title="" />
                </a></li>
                <li><a href="" title="">
                    <img src="/images/logo/logo3.gif" alt="" title="" />
                </a></li>
              <li><a href="" title="">
                    <img src="/images/logo/logo4.gif" alt="" title="" />
                </a></li>
                @*  <li><a href="" title="">
                    <img src="/images/post-images/client6.png" alt="" title="" />
                </a></li>
                <li><a href="" title="">
                    <img src="/images/post-images/client7.png" alt="" title="" />
                </a></li>
                <li><a href="" title="">
                    <img src="/images/post-images/client8.png" alt="" title="" />
                </a></li>*@
            </ul>
        </div>
    </div>
</div>
<!-- **Main - End**-->
